//计算当前元素到到body的距离；
function offset(dom) {
    var oftLeft = 0 - dom.clientLeft;
    var oftTop = 0 - dom.clientTop;

    //while 在这七种情况下为false null '' 0 -0 undefiend null NaN
    while (dom) {
        oftLeft += dom.clientLeft + dom.offsetLeft;
        oftTop += dom.clientTop + dom.offsetTop;
        dom = dom.offsetParent;
    }

    return { left: oftLeft, top: oftTop };
    
}


//获取元素
function $(Element) {
    //获取元素节点的长度
    var newElement = document.querySelectorAll(Element);
    //判断这个元素节节点没有长度
    if (newElement.length === 0) {
        //返回null；
        return null;
    //判断这个元素节点长度为1
    //返回元素阶节点下标为0的那个值（元素节点）
    } else if (newElement.length === 1) {
        return newElement[0];
    } else {
        //如果上面的值都不满足则返回元素集合
        return newElement;
    }
    
}